/*初始化*/

*{
    box-sizing: border-box;
}
html,body,ul,li,p,a,pre,h4{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Microsoft YaHei";
}
ul,li{
    list-style: none;
}
a{
    color: #000000;
    opacity: 0.8;
}
a:hover{
    color: #000000;
    text-decoration: none;
}
/*-------------------------------------------*/
/*导航条顶部显示*/
.navbar{
    padding-bottom:10px;
    border-bottom:3px solid #333;
    margin:0;
}
.navbar .veo_brand_mb{
    background:#EFECE8;
}
.navbar .veo_brand_mb .top_img{
    width:1200px;
    height: 60px;
    margin:0 auto;
    opacity: 0.8;
    text-align:center;
}
.nav li a{
    padding:0 15px;
}
.veo_band_tl{
    width:1200px;
    margin:0 auto;
    padding:10px 30px 0 20px;
}
.veo_band_tl div p{
    display:inline-block;
}
.container-fluid{
    margin-top:10px;
    padding:0;
    border-top:1px solid #ccc;
}
.nav_a{
    width:1200px;
    margin:0 auto;
    float:none;
}
.nav_a>li:nth-child(1) a{
    padding:0;
}
.nav_a>li:nth-child(2){
    margin-top:20px;
}
.nav_a ul{
    float:left;
    margin:30px 0 0 10px;
}
.nav_a ul li{
    float:left;
}
.nav_a ul li:nth-child(7){
    margin-left:20px;
}
.nav_a input{
    height:37px;
}
.nav_a button{
    background: red;
    border: 1px solid red;
    border-radius:0
}
.navbar_left{
    width:1200px;
    margin:0 auto;
    float:none;
    padding-left:20px;
}
.navbar_left li{
    height:40px;
}
.navbar_left li:nth-child(1){
    line-height:40px;
    font-size:20px;
    padding-top:15px;
}
.navbar_left li:nth-child(1) a{
    color:#000000;
}
.navbar_left li:nth-child(8){
    margin-left:270px;
}
.click_to_show{
    position:absolute;
    top:-5px;
    left:50%
}
.veo_brand_mb img{
    border-left: 2px solid #ffffff;
}
.navbar_left a{
    padding: 0;
}
/*右侧返回顶部*/
.fix{
    position: fixed;
    right:10px;
    bottom:30px;
    z-index:999;
    width:55px;
}
.fix .backtop{
    width:55px;
    height:90px;
    background-image:url('http://s.banggo.com/pub7/images/mbshop/veoimg/Veo_mbshop_spirit_pic.png?t=20160603');
    background-repeat:no-repeat;
    background-position:0 -1060px;
}
.fix .onlineask{
    height:55px;
    background-image:url('http://s.banggo.com/pub7/images/mbshop/common/online_service.png');
    background-repeat:no-repeat;
}
/*主体样式*/
.container li{
    text-align:left;
}
.container li b{
    position: relative;
    width: 152px;
    height: 60px;
    top: 10px;
}
.tbody{
    width:1200px;
    margin:0 auto;
}
.tbody .left_main{
    width:240px;
    height:528px;
    padding:10px 0;
    border:1px solid #ccc;
    float:left;
}
.left_main dt{
    font-size: 18px;
}
.left_main dt span{
    float: right;
    margin-right: 10px;
    color:#ccc;
}
.left_main dl{
    height: 55px;
    margin-left: 15px;
    margin-bottom: 0;
}
.left_main dd{
    float: left;
    margin: 5px 8px 5px 0 ;
}
.tbody .left_menu{
    width:720px;
    height:528px;
    border:1px solid #666;
    float:left;
}
.tbody .left_menu .left_menu_tab1{
    width:180px;
    height:528px;
    padding-left:20px;
    float:left;
    border:1px solid #ccc;
    border-bottom:0;
}
.tbody .left_menu .left_menu_tab1 dl{
    height:auto;
    display:block;
    margin:0;
}
.tbody .left_menu .left_menu_tab1 dt{
    margin-top:10px;
}
.tbody .left_menu .left_menu_tab1 dd{
    display:inline-block;
    margin:5px 10px 0 0;
}
.left_menu .left_menu_tab1 dd a{
    color: #999 !important;
}
.tbody .left_menu .left_menu_tab2{
    width:538px;
    float:left;
}
.tbody .left_menu .left_menu_tab2 .text dl dt{
    padding-left:15px;
}
.tbody .left_menu .left_menu_tab2 .text dl dd{
    float:left;
}
.left_menu_tab2 .text dt{
    margin-top: 10px;
}
.left_menu_tab2 .text dd{
    margin: 10px;
}
.tbody .wraper{
    width:720px;
    height:528px;
    float:left;
    position:relative;
}
.tbody .wraper .wrapper_tab{
    height:48px;
    margin:0;
    border-bottom:1px solid #ccc;
    top:480px;
}
.tbody .wraper .wrapper_tab li{
    height:47px;
    line-height:40px;
    border-right:1px solid #ccc;
}
.tbody .right_menu{
    width:240px;
    height:528px;
    border:1px solid #ccc;
    float:left;
}
.tbody .right_menu li:nth-child(1){
    height:347px;
    border-bottom:1px solid #ccc;
}
.carousel-inner img{
    width: 100%;
    height: 100%;
}
.carousel-indicators li{
    text-indent:0;
    text-align: center;
    line-height:30px;
}
/*秒杀倒计时*/
.time{
    position: relative;
    top: -250px;
    right: -50px;
}
.time b{
    font-size: 20px;
}
.carousel-indicators .active{
    border-top:3px solid #333;
}
/*小轮播图*/
.showw {
    width:1200px;
    height:120px;
    position:relative;
    margin:0 auto;
}
.showw a {
    display:block;
    width:15px;
    height:35px;
    font-size:50px;
    color:#5f5f5f;
}
.showw a.next {
    position:absolute;
    top:25px;
    left:0;
    z-index:500;
}
.showw a.prev {
    position:absolute;
    top:25px;
    right:25px;
    z-index:500;
}
.showw  .itemshow {
    width:1200px;
    height:120px;
    margin:5px 0 5px ;
    position:relative;
    overflow:hidden;
    z-index: 200;
}
.showw .itemshow ul.items {
    height:120px;
    width:2400px;
}
.showw .itemshow ul.items li {
    width:240px;
    height:120px;
    float:left;
}
.showw .itemshow ul.items li img {
    width:236px;
    height:120px;
    margin: 2px;
    border: 1px solid #ffffff;
    display: block;
}
/*主页列表*/
.lists{
    width:1200px;
    height:534px;
    margin: 0 auto;
}
.lists .lists_tit{
    height:57px;
    padding:20px 0 15px;
    font-size:18px;
}
.lists dl dd{
    float:left;
}
.lists dl .lists_tab1 ol{
    border-left:1px solid #ccc;
    height:81px;
    margin:0;
}
.lists dl .lists_tab1 ol li{
    width:50%;
    margin:10px auto;
    float:left;
}
.lists dl .lists_tab1 ul{
    border:1px solid #ccc;
    height:216px;
    padding:25px 0;
    border-right:0;
}
.lists dl .lists_tab1 ul li{
    text-align:center;
    margin-bottom:10px;
}
.lists dl .lists_tab{
    margin:0 3px 3px 0;
}
/*分享模块样式*/
.share{
    width:1200px;
    margin:50px auto 0;
}
.share-left{
    width:839px;
    height:240px;
    float:left;
}
.share-right{
    width:361px;
    border:1px solid #ccc;
    float:left;
}
.share-left li{
    float:left;
    border:1px solid lightgray;
    margin-right:-1px;
}
.share-right-bottom li{
    width:120px ;
    height:89px ;
    float:left;
    padding-top:10px;
    text-align:center;
    border-right:1px solid #ccc;
}
.share-right-bottom li:nth-child(3){
    width:119px;
    border:0;
}
/*页面底部样式*/
.footer{
    width:100%;
    border-top:1px solid #ccc;
    margin-top:40px;
}
.footer .footer_content{
    width:1200px;
    margin:10px auto 0;
}
.footer .footer_content .footer_guide{
    height:155px;
}
.footer .footer_content .footer_guide dl{
    float:left;
    width:200px;
}
.footer .footer_content .footer_guide dl dt{
    line-height:30px;
    margin-bottom:10px;
}
.footer .footer_content .footer_guide dl dd{
    line-height:25px;
}
.footer .footer_content .footer_guide dl a {
    color: black;
    opacity: 0.8;
}
.footer .footer_content .footer_copyright{
    border-top:1px solid #ccc;
}
.footer .footer_content .footer_copyright p{
    font-size:16px;
    color:#787878;
    line-height:30px;
    text-align:center;
    margin:10px 0;
}
.footer .footer_content .footer_copyright ul{
    width:398px;
    margin:0 auto;
}
.footer .footer_content .footer_copyright ul li{
    float:left;
    margin-right:10px;
    margin-bottom:20px;
}
/*LISTS页面样式*/
.container{
    width:1200px;
    margin:0 auto;
    padding:0;
}
.container li b{
    position: relative;
    width: 100%;
    top: 10px;
}
.container .header_bg{
    margin:10px auto;
}
.container .header_box{
    width:1200px;
    height:168px;
    border:1px solid #ccc;
    position:relative;
}
.container ul li>span{
    width:80px;
    height:20px;
    margin:6px;
    display:inline-block;
    text-align:center;
    border-right:1px solid #ccc;
}
.container .header_box ul li div .a_bord{
    border:1px solid red;
    padding:0 3px;
}
.container .header_box ul li div a span{
    display:inline-block;
    margin-right:5px;
}
.container .header_box ul li div a em{
    display:none;
    color:white;
    background-color:#f8584f;
    font-style:normal;
    font-size:12px;
}
.container .header_box .header_box_tab{
    display:inline-block;
}
.container .header_box .header_box_tab a{
    display:inline-block;
    padding:0 5px;
}
.container .header_box .header_box_tab div{
    width:80px;
    border:1px solid #ccc;
    display:inline-block;
    text-align:center;
    margin:0 5px;
}
.container .header_box .header_box_tab>div ul{
    display:none;
    width:800px;
    border:1px solid #ccc;
    background-color:white;
    position:absolute;
    left:-1px;
    bottom:-20px;
}
.container .header_box .header_box_tab>div:hover ul{
    display:block;
}
.container .header_box .header_box_tab ul li{
    display:inline-block;
    margin:5px 20px;
    float:left;
}
.container .header_title{
    width:1200px;
    background-color:#f0f0f0;
    margin:15px auto;
}
.container .header_title ul{
    display:inline-block;
}
.container .header_title ul li{
    display:inline-block;
    width:80px;
    height:40px;
    line-height:40px;
    text-align:center;
}
.container .header_title .header_title_r{
    display:inline-block;
    float:right;
    margin-top:8px;
    margin-right:8px;
}
.container .header_title .header_title_r p{
    display:inline-block;
    margin-right:20px;
}
.container .header_title .acti{
    background-color:#F8584F;
}
.container .header_title .acti a{
    color:white;
}
.container .header_title a:hover{
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#F8584F;
    color:white;
    opacity:0.7;
}
.container .main{
    width:1200px;;
}
.container .main ul li{
    float:left;
}
.container .main ul li>a{
    display:inline-block;
    text-align:center;
    width:300px;
    height:390px;
}
.container .main ul li>a img{
    width:285px;
    height:390px;
}
.container .main ul li b{
    top:0;
    bottom:0;
}
.container .main ul li div a{
    display:inline-block;
    width:30px;
    height:30px;
    border:1px solid #ccc;
    margin:5px 3px 5px 0;;
}
.container .main ul li div a:hover{
    border:1px solid red;
}
.container .main ul li div img{
    width:28px;
    height:28px;
}
/* product页面样式*/
.product {
    width:1200px;
    height: 46px;
    margin: 0 auto;
    padding: 15px 0 5px;
}
.product-main{
    width: 1200px;
    height: 620px;
    margin: 0 auto;
}
.product-left{
    display: inline-block;
}
.product-left .top li{
    float: left;
    margin-right: 20px;
}
.product-left .top li img{
    border: 1px solid lightgray;
}
.activee{
    border: 2px solid red;
}
.bottom{
    width: 480px;
    height: 20px;
    margin: 15px 0;
}
.bottom span{
    margin-right: 80px;
    margin-bottom: 20px;
}
.product-right p{
    margin: 10px 10px 10px 0;
    padding: 15px 15px 0 0;
}
.product-right button{
    width: 200px;
    height: 35px;
    background: palevioletred;
}
.buy span{
    display: inline-block;
    height: 25px;
    border: 1px solid lightgray;
    text-align: center;
}
.dz{
    width: 50px;
    background: red;
    text-align: center;
    float: right;
    margin-right: 20px
}
.small span{
    padding: 5px;
    margin: 10px;
    border:1px solid red
}
.small-show{
    display: none;
    width: 200px;
    height: 200px;
    cursor: crosshair;
    position: absolute;
    top: 30%;
    left: 20%;
    z-index: 500;
    opacity: 0.3;
    background: lightgray;
}
.fd{
    width: 500px;
    height: 500px;
    display:none;
    border: 1px solid lightgray;
    position: absolute;
    top: -10px;
    left: 600px;
    z-index: 500;
}